<template>
     <div 
     style="background-color:#eae9e5;
     display: flex;
     justify-content: space-around;
     align-items: center;">
            <div 
            @click="reMySetup" 
            style="color:#cab9a5;
            font-size:12px;
            margin-left: -7%;
            font-size: 20px;"  
            span="9">
                <van-col 
                    style="color:#c2ad98;
                    padding: 5% 0px 5% 0px;
                    margin-left:3% ;"
                    span="9">
                        <van-icon name="arrow-left" size="20"/>
                    </van-col>
            </div>
            <div 
            style="font-weight:1000;
            padding: 20px 20px 20px 50px"
             span="10">手机号修改</div>
            <div 
            @click="reMySetup"
             style="color:#cab9a5;
             padding: 20px 0 20px 20px;
             font-size:12px;"
             span="5">保存</div>
        </div>
        <div 
        style="font-size: 15px;
        border-bottom:1px #eae9e5 solid;
        width: 90%;margin-left: 5%;
        padding: 15px 0 15px 0;">
            <span>原手机号</span>
            <span 
            style="margin-left:10%;
            color: darkgray;">18801552256</span>
            <span 
            @click="sendCode"
            style="margin-left:23%;
            font-size: 12px;
            color:#cab9a5 ;
            "
            >发送验证码</span>
        </div>
        <div 
        style="border-bottom:1px #eae9e5 solid;
        width: 90%;
        margin-left: 5%;
        padding: 15px 0 15px 0;
        font-size: 15px;" >
            <span  
            style="padding:0 13% 0 0">验证码 </span>
            <input  
            placeholder="请填写6位验证码"  
            style="border:none"/>
        </div>
        <div 
        style="border-bottom:1px #eae9e5 solid;
        width: 90%;
        margin-left: 5%;
        padding: 15px 0 15px 0;
        font-size: 15px;" >
            <span  
            style="padding:0 13% 0 0">新手机号</span>
            <input style="border:none"/>
        </div>
        
</template>
<script lang="ts"  setup>
    import { ref,createApp } from 'vue';
    import { CountDown } from 'vant';
    import {useRouter} from 'vue-router';
    const $router = useRouter();
    
    
    
    //取消个人信息编辑
    function reMySetup(){
        $router.push({path:"setUp"})
        console.log(1111);
    } ;
    //发送验证码
    function sendCode(){
                        
                    }
                    
</script>